
<!DOCTYPE html>
<html class="ui-mobile">
<head>
	<meta charset="utf-8">
	<meta property="og:site_name" content="花田-危秒关系">
	<meta property="og:title" content="听完这段语音，我承认我整个人都酥了！">
	<meta property="og:type" content="webpage">
	<meta property="og:description" content="网易花田尬聊实战测试，25463人已送命。还谈什么恋爱，连命都没了......">
	<title>联通</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css">
	<script src="/static/common/js/jquery-2.1.4.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js"></script>
	<link rel="stylesheet" type="text/css" href="/static/home/css/main.css">
	<link rel="stylesheet" type="text/css" href="/static/home/css/style2.css">
	<script type="text/javascript" src="/static/home/anim.js"></script>
	<script type="text/javascript" src="/static/home/main.js?6"></script>
	<script language="javascript" src="/static/home/jmweixin.js"></script>
	<script src='/static/layer-v3.1.1/layer/mobile/layer.js'></script>
	</head>
<script type="text/javascript">
//询问框

/*
var user;
user = getWxUserinfo('wx0fdcf225acfacadf');
var name = '小兔子';
var img = 'img/01.jpg';
var share = -1;
if (user) {
    // 设定分享的内容
    name = user.nickname;
    img = user.avatar;
    var title = '听完这段语音，我承认我整个人都酥了！';
    var desc = '网易花田尬聊实战测试，25463人已送命。还谈什么恋爱，连命都没了......';
    var url = window.location.origin + window.location.pathname;
    setWxShare(title, desc, url, img);
}*/

$(document).ready(function() {
	
	
    // 点击角色
    /*$('.chat-start').click(function() {
        c.audioPlay('xiu');

        // 获取聊天用户id
        c.personID = $(this).attr('pid');
        c.pname = $(this).attr('pname');
        share = c.personID;
        // popup(c.personID, c.pname);
        c.getJson(c.personID);
        $('#match-popup').hide();
        $('#match-container').hide();

        $('#circle-photo div').css("background-image", "url('ques/" + c.personID + "/motion.png')");

        $.mobile.changePage($('#chat'), 'none');

        // 获取id对应的题
        // c.getJson(c.personID);

        // 设置分享
        if (user) {
            if (share == 0) {
                $("meta[property='og:title']").attr("content", "答错一题就别想让我以身相许");
                title = '答错一题就别想让我以身相许';

            }
            if (share == 1) {
                $("meta[property='og:title']").attr("content", "情话绵绵绵绵绵绵绵里藏针");
                title = '情话绵绵绵绵绵绵绵里藏针';
            }
        }
        setWxShare(title, desc, url, img);
    });*/
});
var img = 'img/01.jpg';
	var name = '小兔子';
    var c = new Chater();
    c.myPhoto = img;
    c.myName = name;
    // 如果从chat返回到首页初始化数据
    $(window).on("navigate", function(event, data) {
        if (data.state.pageUrl == undefined) {
            c.init();
        }
    });
function chatstart( pid , name){
		c.audioPlay('xiu');

        // 获取聊天用户id
        c.personID = pid;
        c.pname = name;
        share = c.personID;
        // popup(c.personID, c.pname);
        c.getJson(c.personID);
        $('#match-popup').hide();
        $('#match-container').hide();

        $('#circle-photo div').css("background-image", "url('ques/" + c.personID + "/motion.png')");

        $.mobile.changePage($('#chat'), 'none');

        // 获取id对应的题
        // c.getJson(c.personID);

        // 设置分享
        /*if (user) {
            if (share == 0) {
                $("meta[property='og:title']").attr("content", "答错一题就别想让我以身相许");
                title = '答错一题就别想让我以身相许';

            }
            if (share == 1) {
                $("meta[property='og:title']").attr("content", "情话绵绵绵绵绵绵绵里藏针");
                title = '情话绵绵绵绵绵绵绵里藏针';
            }
        }
        setWxShare(title, desc, url, img);*/
	}
function fiveonesev(){
	window.location.href = "https://m.10010.com/pushpage/69800000320983.36.html?WT.mc_id=zhejiang_zhejiang_517zhengshi_0515_H5_0001&utm_source=zhejiang&utm_medium=cpc&utm_term=&utm_content=jpg&utm_campaign=zhejiang_zhejiang_517zhengshi_0515_H5_0001";
}

</script><style type="text/css">
.off{
	-webkit-animation:1s seconddiv;
	-webkit-animation-iteration-count:infinite;
	background: transparent;
}

@keyframes seconddiv{
	0% {transform: scale(1,1);}
	25% {transform: scale(1.2,1.2);}
	50% {transform: scale(1,1);}
	70% {transform: scale(1.2,1.2);}
	100% {transform: scale(1,1);}
}
</style>
<body class="ui-mobile-viewport ui-overlay-a">
	
    <!-- 选人page -->
    <div data-role="page" id="info" >
		<div style="position: absolute;z-index: 1000;right: 0.5rem;top: 0.5rem;" onclick='jinlang()'>
		<img src='/static/home/img/jinglang.png' class='off' style="width:4rem;">
	</div>
        <div class="banner">
          <!-- <div class="logo"></div>-->
		  
		   <img src='/static/home/img/bingkuan.png' style='width:100%;margin:0;padding:0;background-size:cover;' usemap="#bingkuanmap">
			<map name="bingkuanmap" id="bingkuanmap">
				 <area shape="rect" coords="50,300,170,510" class='planetSelect' class="chat-start" onclick='chatstart(0,"小冰")' pid="0" pname="小冰" alt="Sun" />
				  <area shape="rect" coords="190,300,310,510" class='planetSelect' class="chat-start" onclick='chatstart(1,"小宽")'  pid="1" pname="小宽" alt="Sun" />
				  <area shape="rect" coords="60,50,310,270" class='planetSelect' class="chat-start" onclick='fiveonesev()'  alt="Sun" />
			</map>
            <!-- <div class="chat-start" pid="0" pname="小冰"><img src="/static/home/img/xiaobin.png"></div>
            <div class="chat-start" pid="1" pname="小宽"><img src="/static/home/img/akuan.png"></div>-->
        </div>
        <!--<div class="page-intro">
            <img src="http://www.tuzicloud.com/upage/3/100021/img/huatianlogo.png"><span>x</span>
            <img src="http://www.tuzicloud.com/upage/3/100021/img/coslogo.png" class="coslogo"><span>x</span>
            <img src="http://www.tuzicloud.com/upage/3/100021/img/h5logo.png">
</div>-->
    </div>
    <!-- 聊天page -->
    <div data-role="page" id="chat">
        <!-- 对话界面 -->
        <div role="main" class="ui-content" id="main"></div>
        <div id="panel-faker"></div>
        <!-- 选择回答区域 -->
        <div data-role="footer" data-position="fixed" data-tap-toggle="false">
            <!-- 备选答案 -->
            <div id="panel"></div>
            <div id="panel-btn">
                <div data-inline="true" class="panel-photo" id="circle-photo">
                    <!-- <img src="img/p1.png" /> -->
                    <div class="person-motion-1"></div>
                    <canvas id="circle-line" width="100" height="100"></canvas>
</div>
                <a href="#" class="ui-btn chatbtn" id="toggle">选择回复内容...</a>
            </div>
        </div>
        <!-- popup -->
        <div id="match-popup"></div>
        <div id="match-container">
            <div class="match-photos">
                <img class="match-photo-op">
</div>
            <div class="match-tit"></div>
            <div class="voice-play">
                <div class="sk-three-bounce">
                    <div class="sk-child sk-bounce1"></div>
                    <div class="sk-child sk-bounce2"></div>
                    <div class="sk-child sk-bounce3"></div>
                </div>
            </div>
            <div><img src="http://www.tuzicloud.com/upage/3/100021/img/callon.png" id="chat-open"></div>
        </div>
    </div>
    <!-- 样式模版 -->
    <!-- 样式模版 左侧聊天框 -->
    <div id="ui-templates" class="hide">
        <div class="chat-cell chat-cell-left">
            <div class="person-photo">
                <img src="http://www.tuzicloud.com/upage/3/100021/img/01.jpg" class="info-img">
</div>
            <div class="chat-content chat-content-left">hi</div>
        </div>
        <!-- 样式模版 右侧聊天框 -->
        <div class="chat-cell chat-cell-right">
            <div class="person-photo">
                <img src="http://www.tuzicloud.com/upage/3/100021/img/01.jpg" class="info-img">
</div>
            <div class="chat-content chat-content-right">hi</div>
            <!-- 样式模版 左侧聊天框 消息发送失败 -->
            <div class="chat-warning hide">!</div>
            <!-- 样式模版 左侧聊天框 消息已读 -->
            <div class="chat-readed hide">已读</div>
        </div>
        <!-- 样式模版 备选答案 -->
        <a class="ui-btn ans-cell chatbtn" data-role="button" href="#" score="" goto="">Hi</a>
        <!-- 聊天中的旁白样式 -->
        <p class="chat-hint fade-animate"></p>
        <!-- 游戏结束后的选择 -->
        <div class="end-btn">
            <div class="qrcode">
                <img src="/static/home/img/erweima3.png">
</div>
            <div class="restart-btn">
                <a href="#" class="ui-btn chatbtn" id="re-chat">重新聊</a>
                <a href="#" class="ui-btn chatbtn" id="re-select">换个人聊</a>
            </div>
        </div>
        <!-- 结局，默认参数为一败涂地-->
        <div class="end-container bounceIn">
            <ul class="end-line endf-line"></ul>
<ul class="e-score score-0"></ul>
<ul class="e-fen f-fen"></ul>
<ul class="end-line endf-line"></ul>
   <!--<div class="end-text f-text"></div>
         <div class="huatianstamp"><img src="http://www.tuzicloud.com/upage/3/100021/img/huatianstamp.png"></div> -->
        </div>
        <!-- 聊天框中的loading -->
        <div class="sk-three-bounce">
            <div class="sk-child sk-bounce1"></div>
            <div class="sk-child sk-bounce2"></div>
            <div class="sk-child sk-bounce3"></div>
        </div>
    </div>
    <!-- 得分动画 -->
    <div id="get-point" class="hide fadeOutUp">
        <div class="get-point-0"></div>
    </div>

<script language="javascript" src="/static/home/base.js"></script>
<script>
	function jinlang(){
		if( localStorage.getItem("userSelect") == 2 ){
			//联通用户
			window.location.href = '/home/jinlang2.html';
			return;
		}
		window.location.href = '/home/jinlang.html';
	}
</script>
</body>
</html>
